<script>
	$(function(){
		$('#contactLink').popover();
		$('.submit').click(function(){
			$('#close').click(); 
			alert('提交成功！请耐心等待我们的回复！');
		});
	})
	$("#search").click(function(){
		var s = "search?name="
		var b = $("#value").val();
		var url = s.concat(b);
		window.open(url);
	})
</script>
		<!-- 导航栏 -->
		<div class="container-fluid fixed-top font-weight-bold">
			<!-- 导航 -->
			<nav class="navbar navbar-light navbar-expand-lg" style="background-color: #cffdfd;">
				<a href="home" class="navbar-brand"><img src="../static/img/1.png"></a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"><span class="navbar-toggler-icon"></span></button>
				
				<div class="collapse navbar-collapse" id="collapsibleNavbar">
					<ul class="nav navbar-nav nav-fill mr-auto">
						<li class="nav-item active ml-2 mr-2">
							<a class="nav-link" href="home">首页</a>
						</li>
						<!-- 折叠展开面板 -->
						<li class="nav-item dropdown ml-2 mr-2">
							<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown">电影</a>
							<div class="dropdown-menu" aria-labelledby="navbarDropdown">
							    <a class="dropdown-item" href="movie">资源库</a>
							        <div class="dropdown-divider"></div>
									<!-- 信息提示框 -->
							        <a class="btn btn-secondary dropdown-item" data-toggle="tooltip" data-placement="bottom" title="QQ:876543210" onclick="$(function(){alert('客服QQ:876543210')})">联系客服</a>
							</div>
						
						</li>
						<li class="nav-item ml-2 mr-2">
							<a class="nav-link" href="list">榜单</a>
						</li>
						<li class="nav-item ml-2 mr-2">
							<a class="nav-link" href="mall">商城</a>
						</li>
						<!-- 模态框 -->
						<li class="nav-item ml-2 mr-2">
							<a class="nav-link" data-toggle="modal" data-target="#exampleModal">反馈</a>
						</li>
						<!-- 弹出框 -->
						<li class="nav-item ml-2 mr-2">
							<a id="contactLink" data-content="<img src='../static/img/2.jpg' width='120px'>" data-trigger="hover" data-placement="bottom"  data-html=true class="nav-link" href="#">手机APP下载</a>
						</li>
					</ul>
					<form action="#" class="form-inline">
						<input type="text" class="form-control" id="value" placeholder="站内搜索"/>
						<button class="btn btn-outline-dark ml-2" id="search">搜索</button>
					</form>
				</div>
			</nav>
		</div>
		<!-- 模态框内容 -->
		<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h5 class="modal-title" id="exampleModalLabel">投诉与建议</h5>
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		          
		        </button>
		      </div>
		      <div class="modal-body">
		        <form>
		          <div class="form-group">
		            <label for="recipient-name" class="col-form-label">邮箱:</label>
		            <input type="text" class="form-control" id="recipient-name">
		          </div>
		          <div class="form-group">
		            <label for="message-text" class="col-form-label">内容:</label>
		            <textarea class="form-control" id="message-text"></textarea>
		          </div>
		        </form>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-secondary" id="close" data-dismiss="modal">关闭</button>
		        <button type="button" class="btn btn-primary submit">提交信息</button>
		      </div>
		    </div>
		  </div>
		</div>